	<div class="block-background header-background"></div>
</header>
	
<!-- content -->
<section class="container site-content">
    <div class="row">
        <div class="full-tour clearfix">
            <div class="sixcol column">
                <div class="content-slider-container tour-slider-container">
                    <div class="content-slider tour-slider fade-effect">
                        <ul style="height: 396px;">
                            <li class="current" style="display: block; position: relative; z-index: 1;">
                                <img src="<?php echo URL;?>public/img/gallery/esala2013/gallery0.jpg" alt="">
                            </li>
                            <li class="" style="position: relative; z-index: 1; display: none;">
                                <img src="<?php echo URL;?>public/img/gallery/esala2013/gallery1.jpg" alt="">
                            </li>
                            <li class="" style="position: relative; z-index: 1; display: none;">
                                <img src="<?php echo URL;?>public/img/gallery/esala2013/gallery2.jpg" alt="">
                            </li>
                        </ul>
                        <div class="arrow arrow-left content-slider-arrow"></div>
                        <div class="arrow arrow-right content-slider-arrow"></div>
                        <input class="slider-speed" value="400" type="hidden">
                        <input class="slider-pause" value="0" type="hidden">
                        <div class="controls">
                            <a class="current" href="#"></a>
                            <a class="" href="#"></a>
                            <a class="" href="#"></a>
                        </div>
                    </div>
                    <div class="block-background layer-1"></div>
                    <div class="block-background layer-2"></div>
                </div>
            </div>
            <div class="sixcol column last">
                <div class="section-title">

                    <h1>Dalada Procession</h1>
                </div>
                <ul class="tour-meta">
                    <li>
                        <div class="colored-icon icon-2"></div><strong>Destination:</strong> Kandy</a>
                    </li>
                    <li>
                        <div class="colored-icon icon-1"><span></span>
                        </div><strong>Duration:</strong> 1 Night</li>
                    <li>
                        <div class="colored-icon icon-3"><span></span>
                        </div><strong>Price:</strong> $100 </li>
                </ul>
                <p>The month of Esala (July), during which period this annual pageant is usually held, had been considered a month of celebrations and festivity, both among Indians and Sri Lankans. Even from the lifetime of the Buddha in the 6th century BC, the Esala festival was held to commemorate the Buddha's Conception, his Renunciation and the First Sermon. Esala is also considered to be the beginning of the raining season (Vassana) when the monks commence their Retreat. Also, this month is considered to be the period when ritual performances to the protective divinities are held, (eg Pattini puja) as recorded in the text 'Pattini-Halla'. Being considered a 'chaste' month, the period is held sacred for the availability of water, hence prosperity.</p>
                <p>Several records have been left behind by dignitaries and other visitors to the island such as Robert Knox, John Davy, etc. The description of the perahara. These accounts provide much evidence as to the constitution and organization of the present day perahara. Yet many features seem to have been added and some changed to suit the time and the available resources and conditions.</p>
                <footer class="tour-footer">
                    <a href="#booking-form" data-id="82" data-title="Dalada Procession" class="button small colorbox inline cboxElement"><span>Book Now</span></a>
                    <a href="#question-form" data-id="82" data-title="Dalada Procession" class="button grey small colorbox inline cboxElement"><span>Ask a Question</span></a>
                </footer>
            </div>
        </div>
        <div class="hidden">
            <div class="booking-form popup-form" id="booking-form">
                <div class="section-title popup-title">
                    <h4>Dalada Procession</h4>
                </div>
                <form action="<?php echo URL . 'esala/booknow'?>" method="POST" class="formatted-form">
                    <div class="message"></div>
                    <div class="sixcol column ">
                        <div class="field-container">
                            <input id="full-name" name="name" placeholder="Full Name" type="text">
                        </div>
                    </div>
                    <div class="sixcol column last">
                        <div class="clear"></div>
                        <div class="field-container">
                            <input id="email-address" name="email" placeholder="Email Address" type="text">
                        </div>
                    </div>
                    <div class="sixcol column ">
                        <div class="field-container">
                            <input id="departure-date" name="departure" class="date-field hasDatepicker" placeholder="Departure Date" type="text">
                        </div>
                    </div>
                    <div class="sixcol column last">
                        <div class="clear"></div>
                        <div class="field-container">
                            <input id="arrival-date" name="arrival" class="date-field hasDatepicker" placeholder="Arrival Date" type="text">
                        </div>
                    </div>
                    <div class="sixcol column ">
                        <div class="field-container">
                            <input id="adults-number" name="adults" placeholder="Adults Number" type="text">
                        </div>
                    </div>
                    <div class="sixcol column last">
                        <div class="clear"></div>
                        <div class="field-container">
                            <input id="kids-number" name="kids" placeholder="Kids Number" type="text">
                        </div>
                    </div>
                    <a class="submit-button button" href="#">Submit</a>
                </form>
            </div>
            <!-- booking form -->
            <div class="question-form popup-form" id="question-form">
                <div class="section-title popup-title">
                    <h4>Dalada Procession</h4>
                </div>
                <form action="<?php echo URL . 'esala/question'?>" method="POST" class="formatted-form">
                    <div class="message"></div>
                    <div class="sixcol column ">
                        <div class="field-container">
                            <input id="full-name" name="name" placeholder="Full Name" type="text">
                        </div>
                    </div>
                    <div class="sixcol column last">
                        <div class="clear"></div>
                        <div class="field-container">
                            <input id="email-address" name="email" placeholder="Email Address" type="text">
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="field-container">
                        <textarea id="question" name="question" placeholder="Question"></textarea>
                    </div>
                    <a class="submit-button button" href="#">Submit</a>
                </form>
            </div>
            <!-- question form -->
        </div>
        <div class="sixcol column">
            <div class="tour-itinerary">
                <div class="tour-day">
                    <div class="tour-day-number">
                        <h5>Day 1</h5>
                    </div>
                    <div class="tour-day-text clearfix">
                        <div class="bubble-corner"></div>
                        <div class="bubble-text">
                            <div class="column fivecol">
                                <div class="featured-image">
                                    <img src="<?php echo URL;?>public/img/camps/evening.jpg" alt="" class="fullwidth">
                                </div>
                            </div>
                            <div class="column sevencol last">
                                <h5>Arrival - Kandy</h5>
                                <p>Check-in @ 2.00 PM in the day that Booked, Welcome & assistance at the Kandy. And then transfer to Homestay place at Kundasale. After refreshments coming to Dalada Procession. Dinner and transfer to Homestay Place.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tour-day">
                    <div class="tour-day-number">
                        <h5>Day 2</h5>
                    </div>
                    <div class="tour-day-text clearfix">
                        <div class="bubble-corner"></div>
                        <div class="bubble-text">
                            <div class="column fivecol">
                                <div class="featured-image">
                                    <img src="<?php echo URL;?>public/img/camps/morning.jpg" alt="" class="fullwidth">
                                </div>
                            </div>
                            <div class="column sevencol last">
                                <h5>Departure - Kandy</h5>
                                <p>Morning Tea and Breakfast, Transfer to Kandy, decamping.</p>
                                <p style="color:green;">**If Interested further more tours can be arranged</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sixcol column last">            
            <table>
                <thead>
                    <tr>
                        <td colspan="4">Seat For Dalada Procession</td>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <ul class="styled-list list-4">
                                <li>Arranged a Seat to watch Dalada Procession</li>
                            </ul>
                        </td>

                        <td>$65 (Per Person)</td>
                    </tr>
                </tbody>
            </table>
            &nbsp;
            <table>
                <thead>
                    <tr>
                        <td>Accomodation</td>
                        <td colspan="2">August 01 to 10</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td rowspan="2">
                            <ul class="styled-list list-4">
                                <li>Homestay In Kundasale</li>

                            </ul>
                        </td>
                        <td>Single</td>
                        <td>$20</td>

                    </tr>
                    <tr>
                        <td>Double</td>
                        <td>$40</td>

                    </tr>
                </tbody>
            </table>
            &nbsp;
            <table>
                <thead>
                    <tr>
                        <td colspan="4">Travelling</td>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <ul class="styled-list list-4">
                                <li>Luxury Vehical</li>
                            </ul>
                        </td>

                        <td>$15 (Per Person)</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="clear"></div>
        <div class="related-tours clearfix">
            <div class="section-title">
                <h1>Related Tours</h1>
            </div>
            <div class="items-grid">
                <div class="column threecol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="<?php echo URL;?>esala"><img width="440" height="330" src="<?php echo URL;?>public/img/camps/dalada0.jpg" class="attachment-preview wp-post-image" alt="Dalada Procession"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="<?php echo URL;?>esala">Dalada Procession</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="<?php echo URL;?>esala" rel="tag">Kandy</a>
									</div>
									<div class="tour-duration">1 Night</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column threecol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="<?php echo URL;?>unavailable"><img width="440" height="330" src="<?php echo URL;?>public/img/camps/yala0.jpg" class="attachment-preview wp-post-image" alt="Safari in Yala National Park"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="<?php echo URL;?>unavailable">Safari in Yala</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="<?php echo URL;?>unavailable" rel="tag">Yala National Park</a>
									</div>
									<div class="tour-duration">1 day</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column threecol ">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="<?php echo URL;?>unavailable"><img width="440" height="330" src="<?php echo URL;?>public/img/camps/wilpattu0.jpg" class="attachment-preview wp-post-image" alt="Safari in Wilpattu National Park"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="<?php echo URL;?>unavailable">Safari in Wilpattu</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
									<div class="colored-icon icon-2"></div>
									<a href="<?php echo URL;?>unavailable" rel="tag">Wilpattu National Park</a></div>
									<div class="tour-duration">1 day</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
				
				<div class="column threecol last">
					<div class="tour-thumb-container">
						<div class="tour-thumb">
							<a href="<?php echo URL;?>unavailable"><img width="440" height="330" src="<?php echo URL;?>public/img/camps/udawalawe0.jpg" class="attachment-preview wp-post-image" alt="Safari in Udawalawe National Park"></a>
							<div class="tour-caption">
								<h5 class="tour-title"><a href="<?php echo URL;?>unavailable">Safari in Udawalawe</a></h5>
								<div class="tour-meta">
									<div class="tour-destination">
										<div class="colored-icon icon-2"></div>
										<a href="<?php echo URL;?>unavailable" rel="tag">Udawalawe National Park</a>
									</div>
									<div class="tour-duration">1 day</div>
								</div>
							</div>			
						</div>
						<div class="block-background"></div>
					</div>
				</div>
                <div class="clear"></div>
            </div>
        </div>
        <!-- related tours -->
    </div>
</section>
